// banner图
#banner_pic{
    position: relative;
    .mask{
        position: absolute;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100%;
        text-align: center;
        color: #fff;
        h2{
            margin-top: 0.8rem;
            font-size: 0.56rem;
        }
        p{
            font-size: 0.3rem;
            margin-bottom: 0;
        }
        a{
            display: inline-block;
            width: 2.45rem;
            height: 0.69rem;
            line-height: 0.69rem;
            background:rgba(0,113,188,1);
            font-size: 0.21rem;
            color: #fff;
        }
        a:last-child{
            background: transparent;
            box-sizing: border-box;
            border: 0.03rem solid #fff;
            line-height: 0.63rem;
            margin-left: 2rem;
        }
    }
}


// floor1
.floor1{
    h5{
        font-size: 0.24rem;
        color: #000000FF;
        text-align: center;
        margin: 0.62rem 0 0.56rem;
    }
    ul{
        // background: rgb(187, 177, 177);
        width: 10.2rem;
        margin: auto;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        li{
            // background: #0071BCFF;
            width: 2.23rem;
            height: 2.28rem;
            // background: #000;
            margin: 0;
            margin: 0 0.58rem 0.4rem;
            // background:  #0071BCFF url(../img/cooperation/f1_bg1.png) no-repeat center 35px;
            // background-image: url(../img/cooperation/f1_1.png);
            // background-color: #0071BCFF;
            background-repeat: no-repeat;
            background-position: center 0.35rem;
            background-size: 0.75rem 0.75rem;
            box-shadow: 0px 0px 0.3rem 0px rgba(0, 0, 0, 0.09);
            border-radius: 0.06rem;
            overflow: hidden;
            h5{
                font-size: 0.14rem;
                color: #000000FF;
                margin: 0;
                margin-top: 1.3rem;
            }
            p{
                font-size: 0.12rem;
                color: #4e4e4e;
                margin: 0.16rem 0.12rem;
                text-align: center;
                line-height: 1.8;
            }
            &:nth-child(1){
                background-image: url(../img/cooperation/f1_1.png);
            }
            &:nth-child(2){
                background-image: url(../img/cooperation/f1_2.png);
            }
            &:nth-child(3){
                background-image: url(../img/cooperation/f1_3.png);
            }
            &:nth-child(4){
                background-image: url(../img/cooperation/f1_4.png);
            }
            &:nth-child(5){
                background-image: url(../img/cooperation/f1_5.png);
            }
            &:nth-child(6){
                background-image: url(../img/cooperation/f1_6.png);
            }
            
            &:hover{
                background-color: #0071BCFF;
                h5,
                p{
                    color:#fff;
                }
            }

            &:nth-child(1):hover{
                background-image: url(../img/cooperation/f1_bg1.png);
            }
            &:nth-child(2):hover{
                background-image: url(../img/cooperation/f1_bg2.png);
            }
            &:nth-child(3):hover{
                background-image: url(../img/cooperation/f1_bg3.png);
            }
            &:nth-child(4):hover{
                background-image: url(../img/cooperation/f1_bg4.png);
            }
            &:nth-child(5):hover{
                background-image: url(../img/cooperation/f1_bg5.png);
            }
            &:nth-child(6):hover{
                background-image: url(../img/cooperation/f1_bg6.png);
            }


        }
        
    }

}

// floor2
.floor2{
    width: 100%;
    background: #F8F8F8FF;
    height: 6.66rem;
    text-align: center;
    h5{
        font-size: 0.24rem;
        color: #000000FF;
        margin: 0;
        padding-top: 0.82rem;
    }
    p{
        font-size: 0.12rem;
        color: #666666FF;
        margin: 0.17rem 0 0.83rem;
    }

    div.item_cont{
        display: flex;
        width: 10.15rem;
        flex-wrap: wrap;
        justify-content: space-between;
        margin: auto;
        margin: 0 auto;
        .item{
            margin: 0 0.43rem 0.4rem;
            .item_pic{
                width: 1.13rem;
                height: 1.13rem;
                background: #fff;
                border-radius: 50%;
                box-shadow: 0 0 0.2rem 0 rgba(0,0,0,.08);
                background-repeat: no-repeat;
                background-size: 0.6rem 0.6rem;
                background-position: center;
                transition: transform 0.5s linear;
                &:hover{
                    transform: rotateY(180deg);
                }
            }
            &:nth-child(1)>.item_pic{
                background-image: url(../img/cooperation/f2_1.png);
            }
            &:nth-child(2)>.item_pic{
                background-image: url(../img/cooperation/f2_2.png);
            }
            &:nth-child(3)>.item_pic{
                background-image: url(../img/cooperation/f2_3.png);
            }
            &:nth-child(4)>.item_pic{
                background-image: url(../img/cooperation/f2_4.png);
            }
            &:nth-child(5)>.item_pic{
                background-image: url(../img/cooperation/f2_5.png);
            }
            &:nth-child(6)>.item_pic{
                background-image: url(../img/cooperation/f2_6.png);
            }
            &:nth-child(7)>.item_pic{
                background-image: url(../img/cooperation/f2_7.png);
            }
            &:nth-child(8)>.item_pic{
                background-image: url(../img/cooperation/f2_8.png);
            }
            &:nth-child(9)>.item_pic{
                background-image: url(../img/cooperation/f2_9.png);
            }
            &:nth-child(10)>.item_pic{
                background-image: url(../img/cooperation/f2_10.png);
            }
           

            p{
                font-size: 0.14rem;
                color: #000000FF;
                margin: 0.24rem auto 0.1rem;
            }
        }
    }
}

.floor3{
    height: 4.2rem;
    text-align: center;
    h5{
        font-size: 0.24rem;
        color: #000000FF;
        margin: 0;
        padding-top: 0.52rem;
    }
    div.item_cont{
        display: flex;
        width: 9.1rem;
        flex-wrap: wrap;
        justify-content: space-between;
        margin: auto;
        margin: 0 auto;
        .item{
            width: 1.81rem;
            // background: rgb(228, 80, 80);
            margin: 0.6rem 0.23rem;
            .item_pic{
                position: relative;
                background: #fff;
                border-radius: 50%;
                box-shadow: 0 0 0.2rem 0 rgba(0, 0, 0, 0.09);
                background-repeat: no-repeat;
                background-position: center;
                background-size: auto 0.75rem;
                width: 1.35rem;
                height: 1.35rem;
                margin: auto;
                span{
                    font-size: 0.12rem;
                    line-height: 20;
                }
            }
            &:nth-child(1)>.item_pic{
                background-image: url(../img/cooperation/f3_1.png);
            }
            &:nth-child(2)>.item_pic{
                background-image: url(../img/cooperation/f3_2.png);
            }
            &:nth-child(3)>.item_pic{
                background-image: url(../img/cooperation/f3_3.png);
            }
            &:nth-child(4)>.item_pic{
                background-image: url(../img/cooperation/f3_4.png);
            }



            p{
                font-size: 0.14rem;
                color: #000000FF;
                margin: 0.3rem auto 0.1rem;
            }
        }
    }
        
}


